<!--meow.app!-->
<html>
    <head>
        <!-- jquery library stylesheet and scripts !-->
        <link type="text/css" href="/jquery/css/redmond/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
        <script type="text/javascript" src="/jquery/js/jquery-1.3.2.min.js">
        </script>
        <script type="text/javascript" src="/jquery/js/jquery-ui-1.7.2.custom.min.js">
        </script>
        <!-- jquery plugin jquery.wysiwyg stylesheet and scripts !-->
        <link type="text/css" href="jquery.wysiwyg/jquery.wysiwyg.css" rel="stylesheet" />
        <script type="text/javascript" src="jquery.wysiwyg/jquery.wysiwyg.js">
        </script>
        <!-- app stylesheet and script !-->
        <link rel="stylesheet" type="text/css" href="meow.css"/>
        <script src='meow.js'>
        </script>
        <!-- app title !-->
        <title>
            meow
        </title>
    </head>
    <body>
        <div id='titlebar'>
            <img src='img/logo.png'>
            </img>
            <div id='toolbar'>
            </div>
        </div>
        <div id="menu">
            <div>
            </div>
        </div>
        <div id='indicator'>
        </div>
        <div id='content'>
            <table>
                <td id="post-msg-column">
                    <div id='post-container'>
                        <div id='post-container-title'>
                            Add a new post...
                        </div>
                        <input id='post-edit'>
                        </input>
                        <div id='post-option'>
                            <div id='post-option-share'>
                                Share with:
                                <select>
                                    <option>
                                        Everyone
                                    </option>
                                    <option>
                                        Nobody
                                    </option>
                                </select>
                            </div>
                            <button id='post-option-do'>
                                Post
                            </button>
                        </div>
                    </div>
                    <div id='msg-container'>
                        <div id='msg-container-title'>
                            Timeline
                        </div>
                        <div id='msg-container-body'>
                        </div>
                    </div>
                </td>
                <td id="profile-follow-column">
                    <div id='profile'>
                        <img id='avatar' src='img/default-avatar.gif' />
                        <div id='name'>
                            Bubbleman
                        </div>
                    </div>
                    <div id='follow'>
                        <span id='following' class='follow-span'>
                            <div id='following-label' class='follow-label-div'>
                                following
                            </div>
                            <div id='following-count' class='follow-count-div'>
                                0
                            </div>
                        </span>
                        <span id='followers' class='follow-span'>
                            <div id='followers-label' class='follow-label-div'>
                                followers
                            </div>
                            <div id='followers-count' class='follow-count-div'>
                                0
                            </div>
                        </span>
                    </div>
                </td>
            </table>
        </div>
    </body>
</html>
